{extend name="base" /}
{block name="style"}
<style>
    .main{background-color: #F4F4F4;padding-top:40px;padding-bottom: 50px;}
    .employ-block{ border-radius: 2px;background: #fff; margin-bottom: 30px; padding: 30px; }
    .employ-block p{ margin: 0;line-height: 40px; }
    h3 { font-weight: bold}
    .main ul{ list-style-type: decimal;margin-left: 20px; }
    .employ-require{ margin-bottom: 50px;line-height: 40px; }
    .employ-require p{ font-size: 17px; }
    .employ-require li{ font-size: 15px; }
    .reset-btn{ float: left; height:32px; line-height: 32px; border-radius: 32px;background: #F39801;color:#fff; font-size: 15px;margin:0 8%; }
    .apply{ width:28%; background: #fff;color:#F39801;border: 1px solid #F39801;}
    .apply:hover{ color:#F39801 }
    .recommend{ width:40%; }
    @media (max-width: 991px){
        .apply,.recommend{ width:auto;padding:0 30px;margin:0;margin-right: 30px; }
    }
    @media (max-width: 767px){
        .main{padding: 0; padding-top:30px;  }
        .employ-block{ padding:20px; }
        .employ-block p{ line-height: 30px; }
        .employ-require { line-height:24px; margin-bottom: 20px; }
    }
</style>
{/block}
{block name="content"}
<section id="banner">
    <div class="banner-box">
        <img src="/assets/img/banner.png" >
    </div>
    <div class="detail detail-path hidden-xs">
        <div class="container">
            <div class="detail-home">
                <a href="/">
                    <img src="/assets/img/home.png" />
                </a>
                <a href="javascript:void(0)" id="main-title">加入我们</a>&gt;
                <a href="javascript:void(0)" id="sub-title">诚聘英才</a>
            </div>
            <ul class="list-inline detail-title" id="detail-title">
                <li>
                    <a href="/joinus/policy" data-path="strategy">人才策略</a>
                </li>
                <li class="current">
                    <a href="/joinus/zhaopin" data-path="employ">诚聘英才</a>
                </li>
                <span id="subline"></span>
            </ul>
        </div>
    </div>
</section>
<section class="main">
    <div class="container">
        <div class="row employ-block">
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-12">
                        <h3>{$job.name}（招聘/薪酬）</h3>
                    </div>
                    <div class="col-xs-12">
                        <p class="employ-address">{$job.address}</p>
                    </div>
                    <div class="col-xs-12">
                        <div class="row">
                            <div class="col-xs-12 col-md-8">
                                <p class="employ-detail">
                                    招聘{$job.number}人/
                                    {$job.education}/
                                    {$job.experience}年以上工作经验/
                                    {$job.address}/
                                    发布于{$job.create_time|date="Y/m/d",###}
                                </p>
                            </div>
                            <div class="col-xs-12 col-md-4 btn-box">
                                <button class="reset-btn apply shenqing">投递</button>
                                <button class="reset-btn recommend shenqing">推介人才</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row employ-block">
            <div class="col-xs-12 employ-require">
                <p class="deep-gray">职位要求</p>
                <p>任职要求</p>
                <ul>
                    {volist name="$job.requirements" id="vo"}
                    <li>{$vo}</li>
                    {/volist}
                </ul>
            </div>
            <div class="col-xs-12 employ-require">
                <p class="deep-gray">工作内容</p>
                <p>岗位职责:</p>
                <ul>
                    {volist name="$job.responsibility" id="vo"}
                    <li>{$vo}</li>
                    {/volist}
                </ul>
            </div>
        </div>

    </div>

</section>
{/block}
{block name="script"}
<script>
    $(".shenqing").on('click', function () {
        location.href = '/contact';
    })
</script>
{/block}